<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <title>Title</title>
  <link rel="stylesheet" href="./bootstrap.css">
  <link rel="stylesheet" href="./index.css">
</head>

<body>
  <div id="app">
    <div data-reactroot="" class="container">
      <section class="jumbotron">
        <h3 class="jumbotron-heading">Search Github Users</h3>
        <div><input type="text" placeholder="enter the name you search"><button>Search</button></div>
      </section>
      <div class="row">
        <div class="card"><a href="https://github.com/aa" target="_blank"><img
              src="https://avatars1.githubusercontent.com/u/28438?v=4" style="width: 100px;"></a>
          <p class="card-text">aa</p>
        </div>
        <div class="card"><a href="https://github.com/UncleJim" target="_blank"><img
              src="https://avatars2.githubusercontent.com/u/7764891?v=4" style="width: 100px;"></a>
          <p class="card-text">UncleJim</p>
        </div>
        <div class="card"><a href="https://github.com/aaronpk" target="_blank"><img
              src="https://avatars1.githubusercontent.com/u/113001?v=4" style="width: 100px;"></a>
          <p class="card-text">aaronpk</p>
        </div>
        <div class="card"><a href="https://github.com/Aakashdeveloper" target="_blank"><img
              src="https://avatars1.githubusercontent.com/u/7868704?v=4" style="width: 100px;"></a>
          <p class="card-text">Aakashdeveloper</p>
        </div>
        <div class="card"><a href="https://github.com/aaronksaunders" target="_blank"><img
              src="https://avatars3.githubusercontent.com/u/524953?v=4" style="width: 100px;"></a>
          <p class="card-text">aaronksaunders</p>
        </div>
        <div class="card"><a href="https://github.com/aaronabramov" target="_blank"><img
              src="https://avatars3.githubusercontent.com/u/940133?v=4" style="width: 100px;"></a>
          <p class="card-text">aaronabramov</p>
        </div>
        <div class="card"><a href="https://github.com/aaronsw" target="_blank"><img
              src="https://avatars0.githubusercontent.com/u/4919?v=4" style="width: 100px;"></a>
          <p class="card-text">aaronsw</p>
        </div>
        <div class="card"><a href="https://github.com/AArnott" target="_blank"><img
              src="https://avatars2.githubusercontent.com/u/3548?v=4" style="width: 100px;"></a>
          <p class="card-text">AArnott</p>
        </div>
        <div class="card"><a href="https://github.com/aayusharora" target="_blank"><img
              src="https://avatars3.githubusercontent.com/u/12194719?v=4" style="width: 100px;"></a>
          <p class="card-text">aayusharora</p>
        </div>
        <div class="card"><a href="https://github.com/aantonop" target="_blank"><img
              src="https://avatars1.githubusercontent.com/u/1181915?v=4" style="width: 100px;"></a>
          <p class="card-text">aantonop</p>
        </div>
        <div class="card"><a href="https://github.com/aalmiray" target="_blank"><img
              src="https://avatars1.githubusercontent.com/u/13969?v=4" style="width: 100px;"></a>
          <p class="card-text">aalmiray</p>
        </div>
        <div class="card"><a href="https://github.com/aaronj1335" target="_blank"><img
              src="https://avatars2.githubusercontent.com/u/787066?v=4" style="width: 100px;"></a>
          <p class="card-text">aaronj1335</p>
        </div>
        <div class="card"><a href="https://github.com/aaugustin" target="_blank"><img
              src="https://avatars1.githubusercontent.com/u/788910?v=4" style="width: 100px;"></a>
          <p class="card-text">aaugustin</p>
        </div>
        <div class="card"><a href="https://github.com/aa65535" target="_blank"><img
              src="https://avatars2.githubusercontent.com/u/5417786?v=4" style="width: 100px;"></a>
          <p class="card-text">aa65535</p>
        </div>
        <div class="card"><a href="https://github.com/AaronO" target="_blank"><img
              src="https://avatars0.githubusercontent.com/u/949223?v=4" style="width: 100px;"></a>
          <p class="card-text">AaronO</p>
        </div>
        <div class="card"><a href="https://github.com/aaronjorbin" target="_blank"><img
              src="https://avatars1.githubusercontent.com/u/622599?v=4" style="width: 100px;"></a>
          <p class="card-text">aaronjorbin</p>
        </div>
        <div class="card"><a href="https://github.com/aarongable" target="_blank"><img
              src="https://avatars3.githubusercontent.com/u/2474926?v=4" style="width: 100px;"></a>
          <p class="card-text">aarongable</p>
        </div>
        <div class="card"><a href="https://github.com/Aaronontheweb" target="_blank"><img
              src="https://avatars1.githubusercontent.com/u/326939?v=4" style="width: 100px;"></a>
          <p class="card-text">Aaronontheweb</p>
        </div>
        <div class="card"><a href="https://github.com/aaaddress1" target="_blank"><img
              src="https://avatars1.githubusercontent.com/u/8559056?v=4" style="width: 100px;"></a>
          <p class="card-text">aaaddress1</p>
        </div>
        <div class="card"><a href="https://github.com/aaronbieber" target="_blank"><img
              src="https://avatars0.githubusercontent.com/u/157664?v=4" style="width: 100px;"></a>
          <p class="card-text">aaronbieber</p>
        </div>
        <div class="card"><a href="https://github.com/aalhour" target="_blank"><img
              src="https://avatars2.githubusercontent.com/u/1282375?v=4" style="width: 100px;"></a>
          <p class="card-text">aalhour</p>
        </div>
        <div class="card"><a href="https://github.com/aanand" target="_blank"><img
              src="https://avatars2.githubusercontent.com/u/1062?v=4" style="width: 100px;"></a>
          <p class="card-text">aanand</p>
        </div>
        <div class="card"><a href="https://github.com/aarongustafson" target="_blank"><img
              src="https://avatars3.githubusercontent.com/u/75736?v=4" style="width: 100px;"></a>
          <p class="card-text">aarongustafson</p>
        </div>
        <div class="card"><a href="https://github.com/aaronpowell" target="_blank"><img
              src="https://avatars0.githubusercontent.com/u/434140?v=4" style="width: 100px;"></a>
          <p class="card-text">aaronpowell</p>
        </div>
        <div class="card"><a href="https://github.com/Aaron1011" target="_blank"><img
              src="https://avatars1.githubusercontent.com/u/1408859?v=4" style="width: 100px;"></a>
          <p class="card-text">Aaron1011</p>
        </div>
        <div class="card"><a href="https://github.com/aaronfrost" target="_blank"><img
              src="https://avatars2.githubusercontent.com/u/662832?v=4" style="width: 100px;"></a>
          <p class="card-text">aaronfrost</p>
        </div>
        <div class="card"><a href="https://github.com/aalansehaiyang" target="_blank"><img
              src="https://avatars3.githubusercontent.com/u/3633925?v=4" style="width: 100px;"></a>
          <p class="card-text">aalansehaiyang</p>
        </div>
        <div class="card"><a href="https://github.com/Gentlemeng" target="_blank"><img
              src="https://avatars1.githubusercontent.com/u/25813927?v=4" style="width: 100px;"></a>
          <p class="card-text">Gentlemeng</p>
        </div>
        <div class="card"><a href="https://github.com/Aaaaaaaty" target="_blank"><img
              src="https://avatars0.githubusercontent.com/u/15126694?v=4" style="width: 100px;"></a>
          <p class="card-text">Aaaaaaaty</p>
        </div>
        <div class="card"><a href="https://github.com/aashutoshrathi" target="_blank"><img
              src="https://avatars2.githubusercontent.com/u/21199234?v=4" style="width: 100px;"></a>
          <p class="card-text">aashutoshrathi</p>
        </div>
      </div>
    </div>
  </div>
</body>

</html>